<template>
  <div>
    login
    <button @click="login">login</button>
  </div>
</template>

<script>
export default {
  methods: {
    async login() {
      //登陆成功 ,测试没有验证
      // window.isLogin = true;

      //这个 登陆状态在store里时异步的、
      //如何将其 成功或失败的结果 直接拿来使用
      //这需要在 store 里赶回一个promise对象
      const ret = await this.$store.dispatch("submitLogin");

      if (ret) {
        //拿出重定向的地址，解构路由查询参里的redirect
        //这个在路由守卫设置的 重定向
        const { redirect } = this.$route.query;
        //然后做判断，若干redirect存在，则路由重定向
        if (redirect) {
          this.$router.push(redirect);
        } else {
          // 不存在，去首页
          this.$router.push("/");
        }
      } else {
        alert('登陆失败，请重试')
      }
    }
  }
};
</script>

<style lang="scss" scoped>
</style>